<app-page-header [pageHeaderInfo]="pageHeaderInfo"></app-page-header>
<div class="normal-table-wrap">
  <nz-card [nzBodyStyle]="{'padding-bottom':0}" class="m-b-10">
    <form nz-form>
      <div nz-row [nzGutter]="{ xs: 6, sm: 16, md: 24}">
        <div nz-col [nzXXl]="6" [nzXl]="6" [nzLg]="6" [nzMd]="12" nzSm="24" nzXs="24">
          <nz-form-item>
            <nz-form-label [nzFor]="">搜索人员</nz-form-label>
            <nz-form-control>
              <input nz-input name="content" [(ngModel)]="searchParam.userName" placeholder="搜索人员"/>
            </nz-form-control>
          </nz-form-item>
        </div>
        <div nz-col [nzXXl]="6" [nzXl]="6" [nzLg]="6" [nzMd]="12" nzSm="24" nzXs="24" class="text-right">
          <button nz-button [nzType]="'primary'" (click)="getDataList()"><i nz-icon nzType="search"></i>搜索</button>
          <button nz-button class="m-l-15" (click)="resetForm()"><i nz-icon nzType="close-circle"
                                                                    nzTheme="outline"></i>重置
          </button>
        </div>
      </div>
    </form>
  </nz-card>
  <app-card-table-wrap [needAddBtn]="false">
    <app-ant-table (changePageSize)="changePageSize($event)" (changePageNum)="getDataList($event)"
                   [tableConfig]="tableConfig"
                   [tableData]="dataList"></app-ant-table>
  </app-card-table-wrap>

</div>
<ng-template #operationTpl let-userId="userId">
  <span class="operate-text" (click)="showModal(userId)"><i nz-icon nzType="edit" nzTheme="fill"></i>考试明细</span>
</ng-template>
<app-footer-submit>
  <button nz-button type="default" (click)="returnToList()" class="m-l-15">返回</button>
</app-footer-submit>
<nz-modal [(nzVisible)]="isVisible" [nzStyle]="{'width':'1100px'}"
          (nzOnCancel)="handleCancel()"
          (nzOnOk)="handleOk()" [nzFooter]=null>
  <ng-container *nzModalContent>
    <nz-card nzTitle="考试明细结果" [nzBorderless]="true">
      <nz-card nzType="inner" [nzBordered]="true" *ngFor="let txt of dataInfom"
               style="margin-bottom:12px" [nzHoverable]="true">
        <nz-descriptions>
          <nz-descriptions-item nzTitle="考试开始时间">{{txt.startTime|date:'yyyy-MM-dd HH:mm'}}</nz-descriptions-item>
          <nz-descriptions-item nzTitle="考试使用时间(分钟)">{{txt.useTime}}</nz-descriptions-item>
          <nz-descriptions-item nzTitle="考试得分">{{txt.score}}</nz-descriptions-item>
          <nz-descriptions-item nzTitle="是否通过">{{txt.passFlag|map:'passFlag'}}</nz-descriptions-item>
        </nz-descriptions>
      </nz-card>
    </nz-card>
  </ng-container>
</nz-modal>

